Ext.ns('tj');


Ext.onReady(function () {
    new Ext.Viewport({
	style: 'font-family:Arial,Helvetica,sans-serif;',
	autoScroll: true,
	items: [{
	    html: '<center style="color:white;background-color:black"><br/>THIS IS A LAYOUT DEMO ONLY, NO FUNCTIONALITY OR STYLING HAS BEEN IMPLEMENTED YET!!!<br/>The final product should be styled along the lines of <a href="https://issues.apache.org/jira/secure/IssueNavigator.jspa?">This JIRA Implementation</a><br/></center>'
	},{
	    // main body (minus the testing mast, this should become the viewport)
	    xtype: 'container',
	    items: [{
		xtype: 'tj.masthead'
	    },{
		xtype: 'tj.navbar'
	    },{
		// search main body
		xtype: 'panel',
		border: false,
		padding: 5,
		layout: {
		    type: 'hbox',
		    align: 'top'
		},
		items: [{
		    xtype: 'tj.searchquerypanel'
		},{
		    xtype: 'spacer',
		    width: 5
		},{
		    xtype: 'tj.searchresultspanel'
		}]
		//search main body
	    }]
	}]
    });
});